.header_nav{

    width: 100%;

    position: relative;

    height: 150px;

    line-height: 150px;

    z-index: 99;

}



.header_top{

    width: 100%;

    z-index: 10;

}

.logo{

    float: left;

}

.header_li{

    float: right;

}

.header_li ul{

    display: flex;

    align-items: center;

}

.header_li ul li a{

    color: #fff;

    padding: 0 30px;

    font-size: 16px;

}




.top_header {
    background: url(../images/h-r.png) repeat center;
}




























.nav a{

    font-size: 16px;

    color: #fff;

}


li .down_list {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    text-align: center;

    background: #fff;

    display: none;

    z-index: 999;

}

li:hover .down_list {

    display: block;

}

.top_header_right_nav ul li>a{
    padding: 0 50px;
    font-size: 16px;
}

.top_header_right_nav ul li .down_list a:hover{
    background-color: #c7000b;
    color: #fff;
}

.down_list> a {

    display: block;

    text-align: center;

    line-height: 50px;

    font-size: 16px;

    color: #000;

}



.header_li ul li:hover .down_list a {

    border-top: none;

    width: 100%;

    padding: 10px 0;

}

.header_li ul li .down_list a:hover {

    background: #5270ca;

    color: #fff;

}

.top_header_right_nav li:hover .down_list{display: block;}






.nav> li .down_list{position: absolute;width:100%;background-color: #5270ca; display: none;z-index:999;top: 60px;}

.nav> li .down_list> a{display: block;text-align: center;line-height:30px;font-size:16px;color:#fff;padding: 10px; border-bottom: 1px solid #5270ca; box-sizing: border-box;}

.nav> li .down_list> a:hover{color:#fff;background-color: #5270ca;}

.nav> li:hover .down_list{display: block;}





@media(min-width:1169px){

    .header{

        display: none;

    }


}







@media(max-width: 1169px){

    .header_nav{

        background-color: #697085;

    }

    .header-top-all{

        height: 110px;

    }



    header.navbar,.header{

        position: relative;

    }

    header.navbar{

        z-index: 1;

    }

    .header{

        z-index: 99999;

    }



    .header_li,.heard,.top_header_right,.top_header_logo_right{

        display: none;

    }



    .header_bottom .nav li a:hover{background:none;}



    .header .header_top{display:none;}



    .header .head_mid{height: 0px;position: relative;}



    .header .head_mid .nav_btn i{display: block;width:25px;height:2px;background:#af251c;margin:8px auto;}



    .header .head_mid .nav_btn{position: absolute;right: 10px;top: -80px;}



    .header_bottom .nav> li{background-image: none;}



    .header_bottom{height: auto;}



    .header_bottom .header_bottom_con{padding:0;}



    .header_bottom .nav{position: absolute;z-index:999;background:#fff;width: 100%;display: none;}



    .header_bottom .nav> li{float: none;border-bottom: 1px solid #d9d9d9;width:100%;position: relative;}



    .header_bottom .nav li> a{font-size: 16px;color:#333;}



    .header .nav> li:nth-child(2)::after{display: block;content:"";border-left:2px solid #888;border-bottom: 2px solid #888;position:absolute;top:20px;right:10px;width:10px;height:10px;transform: rotate(135deg);transition: 0.5s;}



    .header .nav> li:nth-child(3)::after{display: block;content:"";border-left:2px solid #888;border-bottom: 2px solid #888;position:absolute;top:20px;right:10px;width:10px;height:10px;transform: rotate(135deg);transition: 0.5s;}


    .header .nav> li:nth-child(4)::after{display: block;content:"";border-left:2px solid #888;border-bottom: 2px solid #888;position:absolute;top:20px;right:10px;width:10px;height:10px;transform: rotate(135deg);transition: 0.5s;}


    .header .nav> li:nth-child(5)::after{display: block;content:"";border-left:2px solid #888;border-bottom: 2px solid #888;position:absolute;top:20px;right:10px;width:10px;height:10px;transform: rotate(135deg);transition: 0.5s;}


    .header .nav> li:nth-child(6)::after{display: block;content:"";border-left:2px solid #888;border-bottom: 2px solid #888;position:absolute;top:20px;right:10px;width:10px;height:10px;transform: rotate(135deg);transition: 0.5s;}



    .header_bottom .nav> li .down_list{position:static; background: none;display:none}



    .header_bottom .nav> li .down_list> a{color:#333;border-bottom: 1px solid #d9d9d9;   background: #f2f2f2!important;}



    .header_bottom .nav> li.on::after{transform: rotate(310deg);border-left:2px solid #000;border-bottom:2px solid #000;transition: 0.5s;}



    .header_bottom .nav >li.on a{background:#fff;}



    .header_top{

        width: auto;

    }



    .header_nav{

        height: 100px;

        line-height: 100px;

    }



    .logo img{

        width: 80%;

    }



}







.top_header{

    height: 117px;

}

.top_header_right_all img{
    width: 20px;
    height: 20px;
}



.top_header_logo a{

    display: flex;

    align-items: center;

}



.top_header_logo_left{

    padding-right: 10px;


    width: 160px;
}



.top_header_logo_right{

    padding-left: 10px;

    border-left: 1px solid #ccc;

}



.top_header_logo_right_top{

    font-size: 28px;

    font-weight: bold;

    line-height: 30px;

}



.top_header_logo_right_bottom{

    font-size: 16px;

    color: #8a8a8a;

}



.top_header_left{

    display: flex;

    justify-content: space-between;

    align-items: center;

}


.top_header_yuyan{
    
    text-align: right;

    /* color: #fff; */

    color: #c28016;

}


.top_header_phone{

    display: flex;

}



.top_header_right_top{

    float: right;

}



.top_header_phone{

    font-size: 16px;

    /* color: #fff; */

    color: #c7000a;

    padding: 0 4px;

}



.top_header_yuyan a{

    padding: 0 10px;

    font-size: 14px;

    /* color: #fff; */
    color: #000;

}



.top_header_yuyan a:first-child{

    /* color: #fae045; */
    color: #bc473f;

}



.top_header_right_nav{
    position: absolute;
}


.top_header_right_nav ul{

    display: flex;

}



.top_header_right_nav ul li{

    font-size: 14px;

    /* padding: 20px 0; */
    
}

.top_header_right_nav ul li:hover div:first-child {
    background: #000;
}



.top_header_right_nav ul li:hover div:first-child, .top_header_right_nav ul li.on div:first-child {

    /* background-image: url(../images/nav_daosanjiao.jpg);
    background-repeat: no-repeat;
    background-position: center top; */

    /* background: #000; */
}

.top_header_right_nav ul li:hover a, .top_header_right_nav ul li.on a {
    color: #fff;
}

.top_header_right_nav ul li:hover .down_list div {
    background: #fff;
}



.top_header_right_nav ul li.on{

    /* background-image: url(../images/nav_daosanjiao.jpg);
    background-repeat: no-repeat;
    background-position: center top; */

}



.top_header_right_nav ul li a{

    color: #000;

}

.top_header_right_nav ul li div div a{
    color: #8a8a8a;
}

.top_header_right_nav ul li .down_list a{color: #000;}


.top_header_right_nav ul li>div{
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}



.top_header_right_nav ul li>div a{
    padding: 0 45px;
    color: #fff;
}


.header_list_nav{
    /* height: 94px; */
    height: 50px;
    /* background-color: #fff; */
    background-color: #c7000a;
    transition: .5s all;
    top: -40px;
}



/* .top_header{
    background: url(../images/header_nav.jpg) no-repeat;
    background-size: 100% 100%;
} */



.top_header_all{
    padding: 28px 0;
}


.top_header_logo_left img{
    width: 100%;
}



.top_header_right_nav ul li:nth-child(4) .down_list{
    position: absolute;
    top: 50px;
}


.nav_Pro{position: absolute;top: 100%;width: 1111px;left:0;background: #FFFFFF;padding:30px 0 50px;}
.nav_Pro .navPro_one{width: 33%;float: left;box-sizing: border-box;padding:0 15px;border-right: 1px solid #d6d6d6;min-height: 150px;}
.mauto{width: 100%;}
.navPro_one .navP_pic{display: block;float: left;width: 145px;margin-top: 21px;}
.navP_pic img{width: 100%;}
.navPro_one .navP_main{width: 180px;float: right;text-align: right;padding-top: 15px;}
.navP_main .navP_T a{display: block;font-size: 16px;line-height: 30px;margin-bottom: 12px;color:#c7000b;font-weight: bold;}
.navP_main .navP_TT a{display: block;font-size: 16px;color:#333;line-height: 26px;}
.navP_main .navP_TT a:hover{color:#c7000b;}
.top_header_right_nav ul li .down_list .nav_Pro a:hover{background: transparent;color: #c7000b;}

.top_header_right_nav ul li>div .navPro_one a{
    padding: 0;
}


.top_header_right_nav ul li:first-child>div{
    /* border-left: 2px solid #ccc; */
}

.top_header_right_nav ul li:last-child>div{
    /* border-right: 2px solid #ccc; */
}

.top_header_right_nav ul li>div.down_list{
    padding: 0;
}







@media(max-width:1169px){
    .top_header_logo_left {
        width: 100%;
    }
    .top_header_logo_right,.top_header_right_top,.header_list_nav{
        display: none;
    }
    .top_header_logo_left img {
        width: 90%;
    }
    .top_header {
        height: auto;
    }
}

@media(max-width:1210px){
    .top_header_right_nav ul li>div{
        font-size: 14px;
    }
}